<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <!--====== Title ======-->
    <title th:text="'《'+${poem.title + '》原文、译注及赏析-作者' + poem.author + '-古诗词文网'}"></title>
    <meta name="keywords" th:content="${poem.title +' '+ poem.dynasty + ' ' + poem.author + ' ' + poem.tag}">
    <meta name="description" th:content="${poem.title +' '+ poem.dynasty + ' ' + poem.body}">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/png">

    <!--====== Animate CSS ======-->
    <link rel="stylesheet" href="/assets/css/animate.css">

    <!--====== Glide CSS ======-->
    <link rel="stylesheet" href="/assets/css/glide.core.css">

    <!--====== Line Icons CSS ======-->
    <link rel="stylesheet" href="/assets/css/LineIcons.2.0.css">

    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="/assets/css/bootstrap-5.0.5-alpha.min.css">

    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="/assets/css/default.css">

    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="/assets/css/style.css">
    <link rel="stylesheet" href="/assets/css/self.css">

</head>

<body>

<!--====== PRELOADER PART START ======-->

<div class="preloader">
    <div class="loader">
        <div class="ytp-spinner">
            <div class="ytp-spinner-container">
                <div class="ytp-spinner-rotator">
                    <div class="ytp-spinner-left">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                    <div class="ytp-spinner-right">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--====== PRELOADER PART ENDS ======-->

<!--====== HEADER PART START ======-->

<section id="home" class="header_area">
    <div id="header_navbar" class="header_navbar">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="/">
                            <img id="logo" src="/assets/images/logo.png" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <div class="search">
                                <form action="/search" onsubmit="return selectSearch()" contenttype="text/html; charset=utf-8">
                                    <input id="searchKey" name="searchVal" type="text"  maxlength="40" autocomplete="off" style="height:32px; line-height:32px; float:left; padding-left:5px; width:260px; font-size:14px; clear:left; border:0px;">
                                    <input type="submit" style="float:right; width:24px; height:35px; clear:right; margin-top:5px; margin-right:3px; background-image:url(/assets/images/docSearch.png); background-repeat:no-repeat; background-size:24px 24px; background-color: #fbfaf6; border:0px;cursor:pointer;" value="">
                                </form>
                            </div>
                            <ul id="nav" class="navbar-nav ml-auto">
                                <li class="nav-item">
                                    <a class="page-scroll" href="/">推荐</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/poems">诗文</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/mingju">名句</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/authors">作者</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/chengyu">成语</a>
                                </li>
                            </ul>
                        </div> <!-- navbar collapse -->
                    </nav> <!-- navbar -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </div> <!-- header navbar -->

    <div class="header_hero">

    </div> <!-- header hero -->
</section>
<!--====== HEADER PART ENDS ======-->
<section id="poetry-tuijian" class="pt-90 pb-130" style="background-color: #E1E0C7;">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8">
                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry">
                    <div class="col poetry-title">
                        <a th:href="${'/poetry/'+poem.code}" th:utext="${poem.title}" th:alt="${poem.title}" th:title="${poem.title}"></a>
                    </div>
                    <div class="col-auto text-right pr-1">
                            <span th:id="${'yi0' + poem.id}" th:g="${'yi1' + poem.id}" th:poemid="${poem.id}"
                                  th:class="${'yizhu pid_' + poem.id}" th:if="${poem.translation!=''}">
                                <svg t="1598234637128" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                     xmlns="http://www.w3.org/2000/svg" p-id="6680" width="32" height="32"><path
                                        d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m0-846a396 396 0 1 0 396 396 396 396 0 0 0-396-396z m218.5875 392.5395Q642.7835 483.4925 579.5 442.619 509.6285 480.59 414.1835 503.5265l-21.0915-41.4q90.9675-19.7775 144.756-47.7225-49.05-38.25-74.8845-74.8845h-37.44V294.173h289.512v45.351a483.858 483.858 0 0 1-92.2905 77.7825 533.997 533.997 0 0 0 128.4075 51.1515z m-79.893-169.0155H519.65q17.928 21.6225 60.381 51.678a396.7875 396.7875 0 0 0 70.6635-51.678z m-363.339-36.9l39.5505-26.8965a563.103 563.103 0 0 1 65.655 90.702l-40.869 26.3655a593.694 593.694 0 0 0-64.3365-90.1845z m83.583 348.8355a130.8645 130.8645 0 0 0 24.5205-18.1935l21.096 43.245a471.15 471.15 0 0 1-72.5085 53.262l-25.839-39.816a29.07 29.07 0 0 0 5.274-16.875V467.405H277.073V419.9435h93.8655v231.5025z m42.1875-42.4485h138.9555v-40.608H436.328v-43.2405h115.7535V473.471h46.935v51.678h114.4305v43.2405h-114.4305v40.608h138.15v44.8245h-138.15v99.666h-46.935v-99.666H413.126v-44.8245z"
                                        p-id="6681" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'yi1' + poem.id}" th:g="${'yi0' + poem.id}" th:poemid="${poem.id}"
                              extType="yi" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598235661063" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="6965" width="32" height="32"><path
                                    d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m40.0815-308.178v99.666h46.935v-99.666h138.15v-44.8245h-138.15v-40.608h114.4305v-43.2405h-114.4305V473.471h-46.935v51.678H436.328v43.2405h115.7535v40.608H413.126v44.8245h138.9555zM277.073 467.405h46.404v205.65a29.07 29.07 0 0 1-5.274 16.875l25.839 39.816a471.15 471.15 0 0 0 72.513-53.2485l-21.0915-43.245a130.8645 130.8645 0 0 1-24.5205 18.1935V419.9435h-93.87V467.405z m49.833-191.7l-39.5505 26.8965a593.694 593.694 0 0 1 64.35 90.1755l40.869-26.3655a563.103 563.103 0 0 0-65.6685-90.6975z m388.125 63.81V294.173H425.519v45.351H462.95q25.839 36.6525 74.8845 74.8845-53.7795 27.9495-144.747 47.7225l21.096 41.4Q509.6285 480.59 579.5 442.619q63.2835 40.8735 151.083 65.916l20.565-40.077a533.997 533.997 0 0 1-128.403-51.1515 483.858 483.858 0 0 0 92.286-77.7825z m-195.381 0h131.0445a396.7875 396.7875 0 0 1-70.65 51.678q-42.471-30.0465-60.3945-51.669z"
                                    p-id="6966" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'zhu0' + poem.id}" th:g="${'zhu1' + poem.id}" th:poemid="${poem.id}"
                              th:class="${'yizhu pid_' + poem.id}" th:if="${poem.explanation!=''}">
                            <svg t="1598235732135" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="7950" width="32" height="32"><path
                                    d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m0-846a396 396 0 1 0 396 396 396 396 0 0 0-396-396zM402.8435 696.2705h149.238V567.35H437.912v-45.9h114.1695V409.661H416.555v-46.935h138.15q-15.822-35.595-34.542-69.6105l48.537-15.8175a917.811 917.811 0 0 1 38.763 85.428h133.407v46.935h-139.7475V521.45h124.2v45.9h-124.2v128.934h150.03v47.2005h-348.3v-47.214zM285.245 313.946l33.4845-37.179a693.198 693.198 0 0 1 92.286 77.2605l-31.905 37.179A643.617 643.617 0 0 0 285.245 313.946z m117.5985 165.852l-31.113 39.024a631.2285 631.2285 0 0 0-95.715-68.8185l31.905-38.25a595.989 595.989 0 0 1 94.923 68.0445z m5.535 95.7105q-41.6655 107.055-90.702 179.298l-40.077-29.7945q47.4615-66.447 87.5385-176.661z"
                                    p-id="7951" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'zhu1' + poem.id}" th:g="${'zhu0' + poem.id}" th:poemid="${poem.id}"
                              extType="zhu" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598235704400" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="7761" width="32" height="32"><path
                                    d="M512 62A450 450 0 1 1 62 512 450 450 0 0 1 512 62zM318.734 276.7715l-33.489 37.1745a643.617 643.617 0 0 1 93.87 77.256l31.905-37.179a693.198 693.198 0 0 0-92.286-77.2515z m432.423 419.499h-150.03V567.35h124.2v-45.9h-124.2V409.661h139.743v-46.935h-133.416a917.811 917.811 0 0 0-38.754-85.428l-48.5235 15.822q18.72 34.0155 34.542 69.6105H416.555v46.935h135.5265V521.45H437.912v45.9h114.1695v128.934H402.8435v47.2005h348.3v-47.214z m-443.25-284.499l-31.905 38.25a631.2285 631.2285 0 0 1 95.715 68.8185l31.113-39.024a595.989 595.989 0 0 0-94.9095-68.0445z m57.2175 136.5795q-40.0815 110.2185-87.5385 176.661l40.077 29.7945q49.05-72.2385 90.702-179.298z"
                                    p-id="7762" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'shang0' + poem.id}" th:g="${'shang1' + poem.id}" th:poemid="${poem.id}"
                              th:class="${'yizhu pid_' + poem.id}" th:if="${poem.appreciation!=''}">
                            <svg t="1598357966013" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="1928" width="32" height="32"><path
                                    d="M485.493811 587.391061l62.032822 0c-1.954515 16.158005-5.636371 30.886451-11.08036 44.164872l190.410678 49.591465-29.002544 53.867862c-71.681576-24.290219-135.146003-44.217061-190.408631-59.764152-30.641881 31.984459-92.744287 52.068889-186.326663 60.2185-7.556093-17.502629-17.030885-36.521798-28.547173-57.043181 69.746504-4.065596 118.831432-12.684904 147.187247-25.825179C468.113979 639.460973 483.399103 617.736183 485.493811 587.391061L485.493811 587.391061 485.493811 587.391061zM485.947136 288.540625l61.578474 0 0 52.977585 46.188972 0c11.325953-16.917298 21.883403-33.957393 31.688723-51.170426l51.181683 21.741163-20.608364 29.429263 75.380828 0 0 100.526531-55.244208 0L676.113243 388.613832 358.21601 388.613832l0 53.43091-55.210439 0 0-100.526531 71.752184 0c-5.565762-9.509585-11.377118-19.029402-17.414625-28.538987l48.440246-22.187325c11.656481 17.213034 22.509666 34.123168 32.596396 50.725288l47.567365 0L485.947136 288.540625 485.947136 288.540625 485.947136 288.540625zM339.684958 653.071969 339.684958 529.894555l353.197204 0 0 123.17639-59.765175 0 0-74.28282L399.467529 578.788126l0 74.28282L339.684958 653.070946 339.684958 653.071969 339.684958 653.071969zM377.305787 509.060041l0-99.174744 279.803637 0 0 99.174744L377.305787 509.060041 377.305787 509.060041 377.305787 509.060041zM432.517249 471.927329 601.881588 471.927329l0-24.909319L432.517249 447.01801 432.517249 471.927329 432.517249 471.927329 432.517249 471.927329zM511.946276 65.281819c-246.596328 0-446.656783 200.024639-446.656783 446.700785 0 246.710938 200.059432 446.735577 446.656783 446.735577 246.721171 0 446.763207-200.024639 446.763207-446.735577C958.709483 265.298272 758.667447 65.281819 511.946276 65.281819L511.946276 65.281819 511.946276 65.281819zM511.946276 910.050762c-219.829707 0-397.989363-178.230264-397.989363-398.059971 0-219.828684 178.160679-398.042575 397.989363-398.042575 219.882919 0 398.078391 178.212868 398.078391 398.042575C910.024667 731.821521 731.829196 910.050762 511.946276 910.050762L511.946276 910.050762 511.946276 910.050762zM511.946276 910.050762"
                                    p-id="1929" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'shang1' + poem.id}" th:g="${'shang0' + poem.id}" th:poemid="${poem.id}"
                              extType="shang" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598418980640" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="4741" width="32" height="32"><path
                                    d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450S760.528 62 512 62 62 263.472 62 512z"
                                    fill="#999999" p-id="4742" data-spm-anchor-id="a313x.7781069.0.i10"
                                    class="selected"></path><path
                                    d="M535.294 586.552q0 60.328-30.897 95.634-41.695 50.514-205.503 72.593-10.296-27.954-15.208-37.275 152.979-15.208 193.741-62.78 20.602-22.561 20.602-68.173zM496.552 269.22h37.275v73.567h79.453l-22.561-24.037q38.259-25.011 66.214-49.54l27.462 24.518q-31.631 25.995-66.214 49.048h119.672v95.153h-35.306v-64.286H328.815v63.764h-35.317v-94.62h115.514q-26.979-25.744-56.651-50.022l25.995-23.053q34.333 25.503 63.281 51.007l-24.278 22.099h79.212z m-161.85 273.216h360.975v134.85h-36.291V574.278H370.994v103.008h-36.291z m35.799-136.347h289.376v113.264h-35.318v-12.255H405.817v12.264H370.5z m254.06 29.924H405.819v41.183h218.742z m-97.605 248.634l16.181-30.415q118.195 34.825 197.166 62.276l-19.617 36.783q-101.522-40.209-193.732-68.646z"
                                    fill="#ffffff" p-id="4743" data-spm-anchor-id="a313x.7781069.0.i8"
                                    class="selected"></path></svg>
                            </span>
                    </div>
                    <div class="col-12 poetry-source" >
                        <span><a th:href="${'/poems?type=dynasty&filter='+poem.dynastyId}" th:text="${poem.dynasty+':'}"></a></span>
                        <span><a th:href="${poem.authorId != null?'/poems?type=author&filter='+poem.authorId:'#'}" th:text="${poem.author}" ></a></span>
                    </div>
                    <div class="col-12 poetry-body" th:id="${'body_' + poem.id}" th:utext="${poem.body}"></div>
                    <div class="col-12 poetry-tag">
                        <block th:each="tags:${poem.tags}">
                            <a th:each="entry:${tags}" th:href="${'/poems?type=tag&filter='+entry.value}"  th:text="${entry.value + ','}" th:title="${entry.value}"></a>
                        </block>
                    </div>
                </div>

                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry" th:if="${poem.historical!=null && poem.historical!=''}">
                    <div class="d-flex bd-highlight p-0">
                        <div class="pl-2 flex-grow-1 bd-highlight author-panel" style="height: 150px;">
                            <strong><a href="#" style="color:#19537D;">创作背景</a></strong>
                            <div class="more">展开阅读全文</div>
                            <div class="mt-2 doc-box box-mask" th:utext="${poem.historical}" style="height: 150px;color:#19537D;"></div>
                        </div>
                    </div>
                </div>

                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry" th:if="${author}">
                    <div class="d-flex bd-highlight p-0">
                        <div class="p-0 bd-highlight">
                            <img th:src="${(author.img=='' || author.img==null)?'/assets/images/logo.png':author.img}" style="width: 100px;max-width: 100px;" height="auto" />
                        </div>
                        <div class="pl-4 flex-grow-1 bd-highlight">
                            <strong><a th:href="${'/author/'+author.authorId}" th:utext="${author.authorName}" style="color:#19537D;"></a></strong>
                            <p class="mt-10" th:utext="${author.intro}"></p>
                            <a class="mt-1" th:href="${'/poems?type=author&filter='+author.authorId}" th:utext="${'本站收集 '+author.poemNum +' 篇诗文'}" style="color:#19537D;"></a>
                        </div>
                    </div>
                </div>
                <nav aria-label="breadcrumb" class="row mt-20" th:if="${author}">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a th:href="${'/poems?type=author&filter='+author.authorId}"
                               th:utext="${author.authorName+' 的相关诗文推荐'}"></a></li>
                    </ol>
                </nav>
                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry" th:each="poem:${authorPoems}">
                    <div class="col poetry-title">
                        <a th:href="${'/poetry/'+poem.code}" th:utext="${poem.title}" th:alt="${poem.title}" th:title="${poem.title}"></a>
                    </div>
                    <div class="col-auto text-right pr-1">
                            <span th:id="${'yi0' + poem.id}" th:g="${'yi1' + poem.id}" th:poemid="${poem.id}"
                                  th:class="${'yizhu pid_' + poem.id}" th:if="${poem.translation!=''}">
                                <svg t="1598234637128" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                     xmlns="http://www.w3.org/2000/svg" p-id="6680" width="32" height="32"><path
                                        d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m0-846a396 396 0 1 0 396 396 396 396 0 0 0-396-396z m218.5875 392.5395Q642.7835 483.4925 579.5 442.619 509.6285 480.59 414.1835 503.5265l-21.0915-41.4q90.9675-19.7775 144.756-47.7225-49.05-38.25-74.8845-74.8845h-37.44V294.173h289.512v45.351a483.858 483.858 0 0 1-92.2905 77.7825 533.997 533.997 0 0 0 128.4075 51.1515z m-79.893-169.0155H519.65q17.928 21.6225 60.381 51.678a396.7875 396.7875 0 0 0 70.6635-51.678z m-363.339-36.9l39.5505-26.8965a563.103 563.103 0 0 1 65.655 90.702l-40.869 26.3655a593.694 593.694 0 0 0-64.3365-90.1845z m83.583 348.8355a130.8645 130.8645 0 0 0 24.5205-18.1935l21.096 43.245a471.15 471.15 0 0 1-72.5085 53.262l-25.839-39.816a29.07 29.07 0 0 0 5.274-16.875V467.405H277.073V419.9435h93.8655v231.5025z m42.1875-42.4485h138.9555v-40.608H436.328v-43.2405h115.7535V473.471h46.935v51.678h114.4305v43.2405h-114.4305v40.608h138.15v44.8245h-138.15v99.666h-46.935v-99.666H413.126v-44.8245z"
                                        p-id="6681" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'yi1' + poem.id}" th:g="${'yi0' + poem.id}" th:poemid="${poem.id}"
                              extType="yi" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598235661063" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="6965" width="32" height="32"><path
                                    d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m40.0815-308.178v99.666h46.935v-99.666h138.15v-44.8245h-138.15v-40.608h114.4305v-43.2405h-114.4305V473.471h-46.935v51.678H436.328v43.2405h115.7535v40.608H413.126v44.8245h138.9555zM277.073 467.405h46.404v205.65a29.07 29.07 0 0 1-5.274 16.875l25.839 39.816a471.15 471.15 0 0 0 72.513-53.2485l-21.0915-43.245a130.8645 130.8645 0 0 1-24.5205 18.1935V419.9435h-93.87V467.405z m49.833-191.7l-39.5505 26.8965a593.694 593.694 0 0 1 64.35 90.1755l40.869-26.3655a563.103 563.103 0 0 0-65.6685-90.6975z m388.125 63.81V294.173H425.519v45.351H462.95q25.839 36.6525 74.8845 74.8845-53.7795 27.9495-144.747 47.7225l21.096 41.4Q509.6285 480.59 579.5 442.619q63.2835 40.8735 151.083 65.916l20.565-40.077a533.997 533.997 0 0 1-128.403-51.1515 483.858 483.858 0 0 0 92.286-77.7825z m-195.381 0h131.0445a396.7875 396.7875 0 0 1-70.65 51.678q-42.471-30.0465-60.3945-51.669z"
                                    p-id="6966" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'zhu0' + poem.id}" th:g="${'zhu1' + poem.id}" th:poemid="${poem.id}"
                              th:class="${'yizhu pid_' + poem.id}" th:if="${poem.explanation!=''}">
                            <svg t="1598235732135" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="7950" width="32" height="32"><path
                                    d="M512 962a450 450 0 1 1 450-450 450 450 0 0 1-450 450z m0-846a396 396 0 1 0 396 396 396 396 0 0 0-396-396zM402.8435 696.2705h149.238V567.35H437.912v-45.9h114.1695V409.661H416.555v-46.935h138.15q-15.822-35.595-34.542-69.6105l48.537-15.8175a917.811 917.811 0 0 1 38.763 85.428h133.407v46.935h-139.7475V521.45h124.2v45.9h-124.2v128.934h150.03v47.2005h-348.3v-47.214zM285.245 313.946l33.4845-37.179a693.198 693.198 0 0 1 92.286 77.2605l-31.905 37.179A643.617 643.617 0 0 0 285.245 313.946z m117.5985 165.852l-31.113 39.024a631.2285 631.2285 0 0 0-95.715-68.8185l31.905-38.25a595.989 595.989 0 0 1 94.923 68.0445z m5.535 95.7105q-41.6655 107.055-90.702 179.298l-40.077-29.7945q47.4615-66.447 87.5385-176.661z"
                                    p-id="7951" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'zhu1' + poem.id}" th:g="${'zhu0' + poem.id}" th:poemid="${poem.id}"
                              extType="zhu" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598235704400" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="7761" width="32" height="32"><path
                                    d="M512 62A450 450 0 1 1 62 512 450 450 0 0 1 512 62zM318.734 276.7715l-33.489 37.1745a643.617 643.617 0 0 1 93.87 77.256l31.905-37.179a693.198 693.198 0 0 0-92.286-77.2515z m432.423 419.499h-150.03V567.35h124.2v-45.9h-124.2V409.661h139.743v-46.935h-133.416a917.811 917.811 0 0 0-38.754-85.428l-48.5235 15.822q18.72 34.0155 34.542 69.6105H416.555v46.935h135.5265V521.45H437.912v45.9h114.1695v128.934H402.8435v47.2005h348.3v-47.214z m-443.25-284.499l-31.905 38.25a631.2285 631.2285 0 0 1 95.715 68.8185l31.113-39.024a595.989 595.989 0 0 0-94.9095-68.0445z m57.2175 136.5795q-40.0815 110.2185-87.5385 176.661l40.077 29.7945q49.05-72.2385 90.702-179.298z"
                                    p-id="7762" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'shang0' + poem.id}" th:g="${'shang1' + poem.id}" th:poemid="${poem.id}"
                              th:class="${'yizhu pid_' + poem.id}" th:if="${poem.appreciation!=''}">
                            <svg t="1598357966013" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="1928" width="32" height="32"><path
                                    d="M485.493811 587.391061l62.032822 0c-1.954515 16.158005-5.636371 30.886451-11.08036 44.164872l190.410678 49.591465-29.002544 53.867862c-71.681576-24.290219-135.146003-44.217061-190.408631-59.764152-30.641881 31.984459-92.744287 52.068889-186.326663 60.2185-7.556093-17.502629-17.030885-36.521798-28.547173-57.043181 69.746504-4.065596 118.831432-12.684904 147.187247-25.825179C468.113979 639.460973 483.399103 617.736183 485.493811 587.391061L485.493811 587.391061 485.493811 587.391061zM485.947136 288.540625l61.578474 0 0 52.977585 46.188972 0c11.325953-16.917298 21.883403-33.957393 31.688723-51.170426l51.181683 21.741163-20.608364 29.429263 75.380828 0 0 100.526531-55.244208 0L676.113243 388.613832 358.21601 388.613832l0 53.43091-55.210439 0 0-100.526531 71.752184 0c-5.565762-9.509585-11.377118-19.029402-17.414625-28.538987l48.440246-22.187325c11.656481 17.213034 22.509666 34.123168 32.596396 50.725288l47.567365 0L485.947136 288.540625 485.947136 288.540625 485.947136 288.540625zM339.684958 653.071969 339.684958 529.894555l353.197204 0 0 123.17639-59.765175 0 0-74.28282L399.467529 578.788126l0 74.28282L339.684958 653.070946 339.684958 653.071969 339.684958 653.071969zM377.305787 509.060041l0-99.174744 279.803637 0 0 99.174744L377.305787 509.060041 377.305787 509.060041 377.305787 509.060041zM432.517249 471.927329 601.881588 471.927329l0-24.909319L432.517249 447.01801 432.517249 471.927329 432.517249 471.927329 432.517249 471.927329zM511.946276 65.281819c-246.596328 0-446.656783 200.024639-446.656783 446.700785 0 246.710938 200.059432 446.735577 446.656783 446.735577 246.721171 0 446.763207-200.024639 446.763207-446.735577C958.709483 265.298272 758.667447 65.281819 511.946276 65.281819L511.946276 65.281819 511.946276 65.281819zM511.946276 910.050762c-219.829707 0-397.989363-178.230264-397.989363-398.059971 0-219.828684 178.160679-398.042575 397.989363-398.042575 219.882919 0 398.078391 178.212868 398.078391 398.042575C910.024667 731.821521 731.829196 910.050762 511.946276 910.050762L511.946276 910.050762 511.946276 910.050762zM511.946276 910.050762"
                                    p-id="1929" fill="#999999"></path></svg>
                            </span>
                        <span th:id="${'shang1' + poem.id}" th:g="${'shang0' + poem.id}" th:poemid="${poem.id}"
                              extType="shang" th:class="${'yizhu pid_' + poem.id}" style="display: none;">
                            <svg t="1598418980640" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="4741" width="32" height="32"><path
                                    d="M62 512c0 248.528 201.472 450 450 450s450-201.472 450-450S760.528 62 512 62 62 263.472 62 512z"
                                    fill="#999999" p-id="4742" data-spm-anchor-id="a313x.7781069.0.i10"
                                    class="selected"></path><path
                                    d="M535.294 586.552q0 60.328-30.897 95.634-41.695 50.514-205.503 72.593-10.296-27.954-15.208-37.275 152.979-15.208 193.741-62.78 20.602-22.561 20.602-68.173zM496.552 269.22h37.275v73.567h79.453l-22.561-24.037q38.259-25.011 66.214-49.54l27.462 24.518q-31.631 25.995-66.214 49.048h119.672v95.153h-35.306v-64.286H328.815v63.764h-35.317v-94.62h115.514q-26.979-25.744-56.651-50.022l25.995-23.053q34.333 25.503 63.281 51.007l-24.278 22.099h79.212z m-161.85 273.216h360.975v134.85h-36.291V574.278H370.994v103.008h-36.291z m35.799-136.347h289.376v113.264h-35.318v-12.255H405.817v12.264H370.5z m254.06 29.924H405.819v41.183h218.742z m-97.605 248.634l16.181-30.415q118.195 34.825 197.166 62.276l-19.617 36.783q-101.522-40.209-193.732-68.646z"
                                    fill="#ffffff" p-id="4743" data-spm-anchor-id="a313x.7781069.0.i8"
                                    class="selected"></path></svg>
                            </span>
                    </div>
                    <div class="col-12 poetry-source" >
                        <span><a th:href="${'/poems?type=dynasty&filter='+poem.dynastyId}" th:text="${poem.dynasty+':'}"></a></span>
                        <span><a th:href="${poem.authorId != null?'/author/'+poem.authorId:'#'}" th:text="${poem.author}" ></a></span>
                    </div>
                    <div class="col-12 poetry-body" th:id="${'body_' + poem.id}" th:utext="${poem.body}"></div>
                    <div class="col-12 poetry-tag">
                        <block th:each="tags:${poem.tags}">
                            <a th:each="entry:${tags}" th:href="${'/poems?type=tag&filter='+entry.value}"  th:text="${entry.value + ','}" th:title="${entry.value}"></a>
                        </block>
                    </div>
                </div>



                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry">
                    <div class="col-12 poetry-title text-center">
                        <a href="/mingju" alt="名句推荐" title="名句推荐">名句推荐</a>
                    </div>
                    <div class="col-12 poetry-body mingju" th:each="mingju:${mingjuList}">
                        <a th:href="${'/mingju/'+mingju.id}" th:title="${mingju.body}" th:text="${mingju.body}"></a>
                        ----摘自：
                        <a th:href="${'/poetry/'+mingju.poetryId}" th:title="${mingju.authorName +'《'+ mingju.poetry+'》'}" th:text="${mingju.authorName +'《'+ mingju.poetry+'》'}"></a>
                    </div>
                </div>

            </div>
            <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        诗词标签
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="tag:${tagList}" th:href="${'/poems?type=tag&filter='+tag.tagName}" th:text="${tag.tagName}" th:alt="${tag.tagName}"></a>
                        <a class="mt-3 ml-2" href="/tags" alt="更多">更多>></a>
                    </div>
                </div>
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        名句主题
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="theme:${themeList}" th:href="${'/mingju?theme=' + theme}" th:text="${theme}" th:alt="${theme}"></a>
                        <a class="mt-3 ml-2" href="/mingju" alt="更多">更多>></a>
                    </div>
                </div>
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        成语推荐
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="chengyu:${chengyuList}" th:href="${'/chengyu/' + chengyu.id}" th:text="${chengyu.chengyu}" th:alt="${chengyu.chengyu}"></a>
                        <a class="mt-3 ml-2" href="/chengyu" alt="更多">更多>></a>
                    </div>
                </div>
            </div>
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<section id="links" class="pt-120 pb-130" style="background-color: #ffffff;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center pb-25">
                    <h4 class="title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">友情链接</h4>
                    <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s"></p>
                </div> <!-- section title -->
            </div>
        </div> <!-- row -->
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.2s">
                    <img src="/assets/images/poetry.png" width="250px" height="103px" alt="古诗词文网">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://poetry.prdiot.com" target="_blank">古诗词文网</a></h4>
                    <p>提供唐诗、宋词译注及赏析功能。</p>
                </div> <!-- single features -->
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.3s">
                    <img src="/assets/images/dict.png" width="250px" height="103px" alt="汉语词典">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://dict.prdiot.com" target="_blank">汉语词典</a></h4>
                    <p>随时随地查询，辅导不再难！</p>
                </div> <!-- single features -->
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.3s">
                    <img src="https://www.prdiot.com/assets/images/logo-2.png" width="200px" height="60px" alt="济南鹏睿达信息技术有限公司" style="margin:21px 0px;">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://www.prdiot.com" target="_blank">济南鹏睿达</a></h4>
                    <p>快速响应，高效交付！</p>
                </div> <!-- single features -->
            </div>

        </div> <!-- row -->
    </div> <!-- container -->
</section>


<!--====== FOOTER PART START ======-->

<footer id="footer" class="footer_area">
    <div class="container">
        <div class="footer_wrapper text-center d-lg-flex align-items-center justify-content-between">
            <p class="credit">&copy 2020 <a href="https://poetry.prdiot.com">古诗词文网</a> <a href="/mianze">免责声明</a></p>
            <div class="footer_social pt-15">
                <ul>
                    <li><a href="https://beian.miit.gov.cn" style="font-size:16px !important;">鲁ICP备2020037761号</a></li>
                </ul>
            </div> <!-- footer social -->
        </div> <!-- footer wrapper -->
    </div> <!-- container -->
</footer>

<!--====== FOOTER PART ENDS ======-->

<!--====== BACK TOP TOP PART START ======-->

<a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>

<!--====== BACK TOP TOP PART ENDS ======-->


<!--====== Bootstrap js ======-->
<script src="/assets/js/bootstrap.bundle-5.0.0.alpha-min.js"></script>

<!--====== glide js ======-->
<!--<script src="assets/js/glide.min.js"></script>-->

<!--====== wow js ======-->
<!--<script src="assets/js/wow.min.js"></script>-->

<!--====== Contact Form js ======-->
<!--<script src="assets/js/contact-form.js"></script>-->
<script src="/assets/js/jquery.min.js"></script>
<!--====== Main js ======-->
<script src="/assets/js/main.js"></script>
<script src="https://static.prdiot.com/js/tongji.poetry.baidu.js"></script>
</body>

</html>
